<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>清纯校花集锦</title>
		<style>
			div {
				width: 300px;
				height: 300px;
				border: 1px solid pink;
				margin-left: 4px;
				margin-bottom: 4px;
				float: left;
				overflow: hidden;
				position: relative;
			}
			
			div img {
				position: absolute;
				/* max-width: 100%; */
				max-height: 100%;
				top: 0px;
				right: 10px;
				bottom: 0px;
				left: 0px;
				margin: auto;
			}
		</style>
	</head>
	<body>
		<div>
			<img src="../img/01.jpg" alt="图片资源丢失" />
		</div>
		<div>
			<img src="../img/02.jpg" alt="图片资源丢失" />
		</div>
		<div>
			<img src="../img/03.jpg" alt="图片资源丢失" />
		</div>
		<div>
			<img src="../img/04.jpg" alt="图片资源丢失" />
		</div>
		<div>
			<img src="../img/05.jpg" alt="图片资源丢失" />
		</div>
	</body>
</html>
